<template>
  <div id="app">

    <button style="font-size: 33px" @click="openNotice()">click it</button>

    <br />

    <MTree :treeData="treeData"></MTree>

    <br>
    <br>

  </div>
</template>


<script>


import MTree from "./components/Tree/Tree.vue";
export default {
  //   注意:   上面 import xxx 之后一定要挂载(components):
  components:{
    MTree,
  },
  data() {
    return {
      treeData: {
        label: "web全栈",
        children: [
          {
            label: "promise精讲",
            children: [
              {
                label: "resolution 和 object",
              },
              {
                label: "all() 和 race()",
              },
            ],
          },
          {
            label: "vue 全家桶",
            children: [
              {
                label: "vue 全家桶 和 object",
              },
              {
                label: "vue 全家桶() 和 race()",
              },
            ],
          },
        ],
      },
    };
  },
  methods: {
    openNotice() {
      this.$noticeeeeeeeeeeeeeeeeeeeeeee({
        title: "这是我的标题!!!",
        message: "这是一段文本: fosdfhjasdfh3546456546345353453",
      });
    },
  },
};
</script>


<style>
</style>
